.brCart {
    .header {
        height: 50px;
        width: 100%;
        background-color: #33a3f4;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: white;
        font-size: 16px;
      .title {
        padding-left: 10px;
      }
  
      .edit {
        padding-right: 10px;
      }
    }
    .content{
        height: calc(100vh - 101px);
        overflow-y: scroll;
        .cartEmpty {
            text-align: center;
            .cartImg {
                width: 100px;
                height: 100px;
                margin: 100px auto 20px;
              img {
                width: 100%;
                height: 100%;
              }
            }
            .cartTitle {
                font-size: 20px;
                color: #666666;
            }
          
            .cartBtn {
                width: 150px;
                height: 50px;
                background-color: rgb(247, 97, 38);
                line-height: 50px;
                text-align: center;
                font-size: 16px;
                color: white;
                border-radius: 5px;
                margin: 0 auto;
            }
          }
          .cartGoodsList {
            .goodsListItem {
                background-color: white;
                margin: 5px;
                border-radius: 4px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 10px;
              .oneCheck {
                margin-right: 20px;
              }
              .goodsImg {
                  width: 96px;
                  height: 96px;
                  padding: 6px;
                img {
                    width: 96px;
                    height: 100%;
                }
              }
          
              .decribe {
                  height: 96px;
                  display: flex;
                  flex-direction: column;
                  justify-content: space-between;
                .goodsTitle {
                    // 多行省略
                    overflow : hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }
          
                .priceBox {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                  .price {
                    color: red;
                  }
          
                  .cartCompute {
                    input {
          
                    }
          
                    .goodsNum {
                        padding: 6px;
                    }
                  }
                }
              }
            }
          }
    }
    .footer {
        height: 50px;
        width: 100%;
        border-top: 1px solid #dddddd;
        position: fixed;
        bottom: 60px;
        left: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        background-color: white;
      .allCheck {
          padding-left: 10px;
          .check{
              margin-right: 6px;
          }
      }
  
      .countList {
          padding-right: 10px;
          display: flex;
          align-items: center;
        .total {
            padding-right: 10px;
            color: red;
        }
  
        .count {
            height: 30px;
            width: 80px;
            // padding: 0 20px;
            background-color: red;
            line-height: 30px;
            border-radius: 15px;
            color: white;
            text-align: center;
        }
      }
        .delete{
            height: 30px;
            width: 60px;
            border: 1px solid red;
            line-height: 30px;
            border-radius: 15px;
            color: red;
            text-align: center;
            margin-right: 10px;
        }
      
    }
  }